<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page import="com.hegongda.bean.Product" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="UTF-8" %>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>商品详情</title>
		<link rel="stylesheet" href="<%=request.getContextPath()%>/resources/css/bootstrap.min.css" type="text/css" />
		<script src="<%=request.getContextPath()%>/resources/js/jquery-1.11.3.min.js" type="text/javascript"></script>
		<script src="<%=request.getContextPath()%>/resources/js/bootstrap.min.js" type="text/javascript"></script>
		<script type="text/javascript" src="<%=request.getContextPath()%>/resources/js/jquery-heima-0.0.1.js" ></script>
		<style>
			a:hover{
				text-decoration: none;
			}
		</style>
		<style>
			#shangpingxiangqing img{
				width: 100%;
			}
		</style>
	</head>

	<body>

		<div class="container-fluid"  style="max-width: 1370px;">
			<div id="header" style="min-height: 130px;"><jsp:include page="../../header.jsp" /></div>
			<% Product op = (Product) request.getAttribute("op");%>
			<FORM action="<%=request.getContextPath()%>/cartServlet?method=addCart&pid=${op.pid}" method="post">
			<div class="container">
				<div class="row">
					<div style="border: 1px solid #e4e4e4;width:930px;margin-bottom:10px;margin:0 auto;padding:10px;margin-bottom:10px;">
						<a href="<%=request.getContextPath()%>/index.jsp">首页&nbsp;&nbsp;&gt;</a>
						<a href=""></a>
					</div>
	
					<div style="margin:0 auto;width:950px;">
						<div class="col-md-6">

							<img id="Productimg" style="opacity: 1;width:400px;height:350px;" title="" class="medium" src="<%=request.getContextPath()%>/${op.pimage}">
						</div>
	
						<div class="col-md-6">

							<div><strong id="Productname">${op.pname}</strong></div>
							<div style="border-bottom: 1px dotted #dddddd;width:350px;margin:10px 0 10px 0;">
								<div id="Productnum">编号：${op.pid}</div>
							</div>
	
							<div style="margin:10px 0 10px 0;">
								一口价: <strong style="color:#ef0101;">&yen;<span id="shopprice">${op.shop_price}</span>元</strong> <br>参 考 价: <del>&yen;<span id="marketprice">${op.market_price}</span>元</del>
							</div>
	
							<div style="margin:10px 0 10px 0;">促销: <a target="_blank" title="限时抢购 (2018-07-30 ~ 2018-09-01)" style="background-color: #f07373;">限时抢购</a> </div>
	
							<div style="padding:10px;border:1px solid #e7dbb1;width:330px;margin:15px 0 10px 0;;background-color: #fffee6;">
								<div style="border-bottom: 1px solid #faeac7;margin-top:20px;padding-left: 10px;">购买数量:

									<input id="quantity" name="count" value="1" maxlength="4" size="10" type="text"> </div>
	
								<div style="margin:20px 0px 10px 0px;padding-left: 70px;">
									<input style="background: url('<%=request.getContextPath()%>//resources/img/product.gif') no-repeat scroll 0 -600px rgba(0, 0, 0, 0);height:36px;width:127px;" value="加入购物车" type="submit">
								</div>
							</div>
						</div>
					</div>
					<div class="clearfix"></div>
					<div style="width:950px;margin:0 auto;">
						<div style="background-color:#d3d3d3;width:930px;padding:10px 10px;margin:10px 0 10px 0;">
							<strong>商品介绍</strong>

						</div>
	
						<div id="shangpingxiangqing" style="width:930px">
							<c:if test="${opi.introduce!=null}">
								${opi.introduce}<br />
							</c:if>
							<c:if test="${opi.introduce==null}">
								<img id="Productimg1" src="${op.pimage}" style="width:100%">
							</c:if>
						</div>
	
						<div style="background-color:#d3d3d3;width:930px;padding:10px 10px;margin:10px 0 10px 0;">
							<strong>商品参数</strong>
						</div>
						<div style="margin-top:10px;width:930px;">
							<span id="Productcanshu">${op.pdesc}</span>
						</div>
	
						<div style="background-color:#d3d3d3;width:930px;">
							<table class="table table-bordered">
								<tbody>
									<tr class="active">
										<th><strong>商品评论</strong></th>
									</tr>
									<tr class="warning">
										<th>暂无商品评论信息 <a>[发表商品评论]</a></th>
									</tr>
								</tbody>
							</table>
						</div>
	
						<div style="background-color:#d3d3d3;width:930px;">
							<table class="table table-bordered">
								<tbody>
									<tr class="active">
										<th><strong>商品咨询</strong></th>
									</tr>
									<tr class="warning">
										<th>暂无商品咨询信息 <a>[发表商品咨询]</a></th>
									</tr>
								</tbody>
							</table>
						</div>
					</div>
	
				</div>
			</div>
			</FORM>
			<div id="footer"  style="min-height: 203px;"><jsp:include page="/foot.jsp" /></div>
		</div>
	</body>
</html>